﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">
    <!-- jsp文件头和头部 -->
    <%@ include file="../admin/top.jsp" %>
</head>
<body>
<div class="container-fluid" id="main-container">

    <div id="page-content" class="clearfix">
        <div class="row-fluid">
            <div class="row-fluid">
                <!-- 检索  -->
                <form action="device/listShift" method="post" name="userForm" id="userForm">
                    <input type="hidden" name="menuId" value="${page.menuId}">
                    <table style="width: 350px">
                        <tr>
                            <td>
						<span class="input-icon">
							<input style="margin-top: 0px; width: 180px;" autocomplete="off" id="nav-search-input"
                                   type="text" name="searchValue" value="${page.searchValue}" placeholder="原设备IMEI号"/>
						</span>
                            </td>
                            <td>
						<span class="input-icon">
							<input style="margin-top: 0px; width: 180px;" autocomplete="off" id="nav-search-input"
                                   type="text" name="newImei" value="${newImei}" placeholder="新设备IMEI号"/>
						</span>
                            </td>
                            <td style="vertical-align:top;">
                                <button class="btn btn-mini btn-light" onclick="search();" title="检索">
                                    <i id="nav-search-icon" class="icon-search"></i>
                                </button>
                            </td>
                        </tr>
                    </table>
                    <!-- 检索  -->
                    <table id="table_report" class="table table-striped table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>用户名</th>
                            <th>操作时间</th>
                            <th>旧设备号</th>
                            <th>旧设备原分钟数</th>
                            <th>新设备号</th>
                            <th>新设备原分钟数</th>
                            <th>新设备转移后分钟数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:choose>
                            <c:when test="${not empty shifts}">
                                <c:forEach items="${shifts}" var="shift">
                                    <tr>
                                        <td>${shift.username }</td>
                                        <td><fmt:formatDate value="${shift.maketime}"
                                                            pattern="yyyy-MM-dd HH:mm:ss"/></td>
                                        <td>${shift.oldDevice}</td>
                                        <td>${shift.oldVideoEndtime }</td>
                                        <td>${shift.newDevice }</td>
                                        <td>${shift.newVideoEndtime }</td>
                                        <td>${shift.updateVideoEndtime }</td>
                                    </tr>
                                </c:forEach>
                            </c:when>
                            <c:otherwise>
                                <tr class="main_info">
                                    <td colspan="10" class="center">没有相关数据</td>
                                </tr>
                            </c:otherwise>
                        </c:choose>
                        </tbody>
                    </table>
                    <div class="page-header position-relative">
                        <table style="width:100%;">
                            <tr>
                                <td style="vertical-align:top;">
                                    <div class="pagination"
                                         style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr }</div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 返回顶部  -->
<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse">
    <i class="icon-double-angle-up icon-only"></i>
</a>
<!-- 引入 -->
<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ace-elements.min.js"></script>
<script src="static/js/ace.min.js"></script>
<script type="text/javascript">
    $(top.hangge());

    //检索
    function search() {
        top.jzts();
        $("#userForm").submit();
    }
</script>
</body>
</html>

